/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;border: 0;}
input:focus{border: 0;}
li{list-style:none}
button{border:0;outline: none;}

.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
.fl{float: left;}
.fr{float: right;}

img{border: none;display: block;background: none;width: 100%;}

/* header */
.header{width: 100%;height: 60px;background:#1B2450 ;z-index: 30;position: fixed;top: 0;min-width: 700px;box-shadow: 0 2px 7px 0 #0B0F38;}
.headlogo{width:119px;height:35px;margin-left: 40px;margin-top: 12px;}
.headlogo img{width: 100%;height: 100%;}
.headNav{padding-left:34px;}
.headNav li{float: left;padding: 0 20px;height: 60px;line-height: 60px;}
.headNav .active{border-bottom: 4px solid #1E55FF;}
.headNav li a{display: inline-block;width: 100%;height: 100%;}
.headNav li a:hover{text-decoration: none;cursor: pointer;}
.headNav li a,.headerRt{font-size: 15px;color: #ffffff;}
.headerRt{height:60px;padding-right:35px;position: relative;line-height: 60px;}
.headerRt em{display: inline-block;font-style: normal;padding-left: 20px;height:60px;}
.headerRt em.net{background: url(../img/webimg/icon1.png) left center no-repeat;}
.headerRt em.org{background: url(../img/webimg/icon2.png) left center no-repeat;}
.headerRt em.user{background: url(../img/webimg/icon3.png) left center no-repeat;}
.headTitle{font-size: 48px;color:#fff;text-align: center;padding-top:60px;font-weight: normal;}

.down{padding-right: 10px;cursor: pointer;}
.downBg{display: inline-block;position:relative;top:-2px;width: 10px;height:6px;background:url(../img/webimg/down.png) right center no-repeat;}
.downList{display:none;position: absolute;top: 64px;background:#fff;width: 150px;right: 35px;padding-left: 0px;z-index:9999;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);box-shadow: 0 2px 8px rgba(0,0,0,.15);background-clip: padding-box;overflow: hidden;}
.downList li{color: #7A8799;line-height: 32px;padding-left: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.downList li:hover{cursor: pointer;background:#E3EBF3;}
.up{display: none;width: 8px;height: 6px;background: url(../img/webimg/Triangle.png) no-repeat;position: absolute;top: 58px;z-index: 1;right: 90px;}
.downList .active{background:#E3EBF3;}
.loginBtn{width:60px;height:32px; border-radius: 2px ; background: none;color: #fff;margin: 14px 30px 0 0;border:1px solid #fff;}
.loginBtn:hover{background: #fff;color:#1B2450;}
.roateUp{-webkit-animation:roateUp 0.3s linear;animation:roateUp 0.3s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode: forwards;}
.roateDown{-webkit-animation:roateDown 0.3s linear;animation:roateDown 0.3s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode: forwards;}

/* 登录框 */
.overlay{position: fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index: 10000;}
.login{position:fixed;top:50%;left:50%;margin-top:-205px;margin-left:-195px;z-index: 100001;width: 310px;box-sizing: border-box;padding:38px 40px;background: #fff;height:334px;;border-radius: 4px;overflow: hidden;}
.login h2{text-align: center;font-size: 18px;color:#0B1A31;font-weight: 700;}
.login input{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-radius: 4px;border:1px solid #E3E3EE;text-indent: 14px;margin-bottom: 20px;color:#626173}
.login .loginError{height:24px;font-size:12px;line-height: 24px;color:#F5A623;margin-bottom: 10px;text-align: center;}
.login button{display: block;width: 100%;height: 40px;margin-bottom:10px;background: #0350CF;text-align: center;color:#fff;font-size: 14px;line-height: 40px;border-radius: 4px;}
.login a{display: block;font-size: 14px;color:#0350CF;text-align: center;text-decoration: none;}
.loginbtn{position: relative;}
.login .waring{display: inline-block;width: 14px;height: 14px;background: url(../img/webimg/waring.png) no-repeat;background-size:14px;margin-right: 10px;vertical-align: text-top;}
.forget{margin-top: -14px;margin-bottom: 17px;height: 14px;}
.forget a{text-align: right;cursor: pointer;}
.register{font-size: 14px;margin-top: 6px;height: 20px;}
.register span{color: #626173;}
.register span,.register a{float: left;}
@-webkit-keyframes roateUp{
	0%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
}

@-moz-keyframes roateUp{
 		0%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
}
@-ms-keyframes roateUp{
 	0%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
}
@-o-keyframes roateUp{
	0%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
}
@keyframes roateUp{
 	0%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
}



@-webkit-keyframes roateDown{
	0%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
}

@-moz-keyframes roateDown{
 	0%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
}
@-ms-keyframes roateDown{
 	0%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
}
@-o-keyframes roateDown{
	0%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
}
@keyframes roateDown{
 0%{
		transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	}
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*旋转*/
.Rotation{
  display: none;
  position: absolute;
  right: 76px;
  top: 13px;
  -webkit-transform: rotate(360deg);
  animation: rotation 1.5s linear infinite;
  -moz-animation: rotation 1.5s linear infinite;
  -webkit-animation: rotation 1.5s linear infinite;
  -o-animation: rotation 1.5s linear infinite;
}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

@keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}